1
00:00:00,730 --> 00:00:07,870
ঠিক আছে, তাই এখন যেহেতু আমাদের সংগ্রহের পূর্বরূপ আছে, আমাদের মেনু আইটেম তৈরি করা শুরু করতে হবে

2
00:00:07,870 --> 00:00:18,760
উপাদান তাই আমরা জানি যে আমাদের মেনু আইটেমের উপাদানটি একটি চিত্রের পাশাপাশি একটি শিরোনাম নিয়ে গঠিত,

3
00:00:19,120 --> 00:00:23,890
একটি মূল্য, এবং এই বোতাম যা আমাদের এটিকে কার্টে যোগ করতে দেয়।

4
00:00:24,710 --> 00:00:29,620
এখন, আমরা আসলে কোনো কার্যকারিতা যোগ করতে যাচ্ছি না শুধু এখনো.

5
00:00:29,890 --> 00:00:32,950
আমরা এখনও আমাদের কার্ট পরিচালনা কিভাবে সত্যিই বিবেচনা না.

6
00:00:33,730 --> 00:00:37,060
কিন্তু এর আগে এই উপাদান তৈরি করা যাক.

7
00:00:37,900 --> 00:00:43,330
সুতরাং আসুন আমাদের উপাদানগুলিতে একটি সংগ্রহের আইটেম যোগ করি।

8
00:00:44,660 --> 00:00:50,500
এবং আমাদের ফোল্ডারে, আমরা একই জিনিস করতে যাচ্ছি যা আমরা আমাদের সংগ্রহের আইটেম উপাদানগুলি করছি

9
00:00:51,830 --> 00:01:02,600
এবং তারপর আমাদের সংগ্রহের আইটেম ডট শৈলী যা আমাদের জিজ্ঞাসা করে, আপনি যত বেশি এটি টাইপ করবেন, ততই ভাল পাবেন

10
00:01:02,600 --> 00:01:02,840
এটাতে

11
00:01:03,650 --> 00:01:10,070
যা সবসময় কি সত্যিই আকর্ষণীয় যে প্রথমে এটি সবসময় একটু পুনরাবৃত্তিমূলক বলে মনে হয়, কিন্তু

12
00:01:10,460 --> 00:01:17,570
আপনি আসলে দেখতে পাচ্ছেন যে আপনি সত্যিই সবকিছু মনে রাখবেন এবং তাদের উদ্দেশ্য কী?

13
00:01:17,570 --> 00:01:22,730
আপনি আপনার উপাদানগুলির জন্য একই ফোল্ডার কাঠামো টাইপ করার অনুশীলন করেন এবং তাদের সাথে কী করবেন।

14
00:01:23,380 --> 00:01:26,240
ঠিক আছে, তাই এখন আমাদের সংগ্রহ আইটেম জন্য.

15
00:01:26,540 --> 00:01:32,660
আমরা জানি যে আমাদের মেনু আইটেমটি জনপ্রিয় করার জন্য আমাদের কিছু জিনিস আসতে হবে, কিন্তু আমাদের প্রয়োজন নেই

16
00:01:32,660 --> 00:01:33,260
যে কোন রাষ্ট্র।

17
00:01:33,620 --> 00:01:36,830
সুতরাং এর অন্য কার্যকরী উপাদান করা যাক.

18
00:01:37,670 --> 00:01:43,970
তাই CONSED সংগ্রহের আইটেম এই কার্যকরী উপাদানের সমান।

19
00:01:45,520 --> 00:01:48,640
আমাদের ক্লাসের নাম দিয়ে এই Divx ফেরত দেয়।

20
00:01:50,210 --> 00:01:56,150
সংগ্রহ আইটেম, এবং তারপর আমরা এটি একটি div দিতে যাচ্ছি.

21
00:01:57,190 --> 00:02:04,470
এবং এখন যে Divx আমাদের ইমেজ ধরে রাখতে চলেছে, তাই এখন এর জন্য এটিকে ইমেজের ক্লাস নাম দেওয়া যাক।

22
00:02:06,020 --> 00:02:07,190
এবং চলুন.

23
00:02:08,250 --> 00:02:15,630
আমাদের ডিরেক্টরি আইটেমগুলির সাথে আমরা আগে যা করেছি একই জিনিস করুন, তাই পরিবর্তে আমরা জানি যে আমরা কী যাচ্ছি

24
00:02:15,630 --> 00:02:17,580
পাস করা একটি হবে.

25
00:02:18,600 --> 00:02:20,550
আমরাও আমাদের নাম পাব।

26
00:02:21,700 --> 00:02:25,750
আমরা আমাদের মূল্য এবং আমাদের ছবির URL পাব এবং আমাদের কাছে এগুলি রয়েছে৷

27
00:02:26,820 --> 00:02:34,920
যখন আমরা সেই ডেটা আগে আমাদের সংগ্রহে নিয়ে এসেছি বা দুঃখিত, আমাদের দোকানের পৃষ্ঠায়, আমাদের দোকানে

28
00:02:34,920 --> 00:02:39,960
ডেটা বিশেষভাবে, তাই আমাদের একটি আইডি নাম, ছবি এবং মূল্য প্রয়োজন।

29
00:02:41,880 --> 00:02:44,370
এখন আমরা যাচ্ছি.

30
00:02:46,740 --> 00:02:54,510
আমাদের স্টাইল দিয়ে আমরা আগে যা করেছি তা রাখুন এবং আমরা করতে যাচ্ছি ব্যাকগ্রাউন্ড ইমেজ আমাদের স্ট্রিংয়ে যায়

31
00:02:54,510 --> 00:02:57,150
এর ইন্টারপোলেশন মান।

32
00:02:58,470 --> 00:02:59,950
ইমেজ ইউ, আর্ল.

33
00:03:01,590 --> 00:03:08,930
তাই এখানে এখনও নতুন কিছু নেই, এবং তারপরে আমরা আরেকটি d'Hiv যোগ করতে যাচ্ছি এবং এখানে আমরা যোগ করতে যাচ্ছি

34
00:03:08,940 --> 00:03:10,440
জন্য আমাদের সংগ্রহ.

35
00:03:11,500 --> 00:03:11,920
এখন।

36
00:03:13,020 --> 00:03:14,190
আমাদের Futter ভিতরে.

37
00:03:15,630 --> 00:03:22,710
আমাদের কাছে এটি একটি ডবল রিপিট আছে, আসলে, আমাদের এই ক্লোজিং ট্যাগেরও প্রয়োজন নেই, আমরা আনতে যাচ্ছি

38
00:03:22,710 --> 00:03:27,960
আমাদের স্প্যানে, যা আমাদের নাম হবে।

39
00:03:29,100 --> 00:03:32,040
সেইসাথে আমাদের.

40
00:03:35,430 --> 00:03:36,000
অসাধারন।

41
00:03:36,070 --> 00:03:39,530
ঠিক আছে, এখন এর এটি রপ্তানি করা যাক.

42
00:03:41,740 --> 00:03:47,140
এবং আসুন আমরা এই উপাদানটির জন্য যে তারাগুলি নিয়ে আসি, তাই আমি সেগুলি আমাদের জন্য ইতিমধ্যেই লিখেছি,

43
00:03:47,140 --> 00:03:49,900
কিন্তু আমরা তারা কি একটি দ্রুত কটাক্ষপাত করতে পারেন.

44
00:03:53,200 --> 00:03:59,150
আমাদের সংগ্রহের আইটেমের ভিতরে, আমরা আমাদের ছবিটিকে স্টাইল করছি যাতে এর উচ্চতা পঁচানব্বই শতাংশ হয়।

45
00:03:59,950 --> 00:04:05,980
এখন এর মানে হল যে আমাদের ছবির উচ্চতার সংগ্রহ আমাদের মোট উচ্চতার পাঁচ শতাংশ হবে

46
00:04:05,980 --> 00:04:08,380
সংগ্রহ আইটেম, যা হবে 350 পিক্সেল।

47
00:04:09,470 --> 00:04:14,510
তাই এই আমাদের প্রকৃত উপাদানের জন্য লেআউট হতে যাচ্ছে, আমরা এখানে কি দেখতে পাচ্ছি।

48
00:04:16,050 --> 00:04:23,760
সুতরাং একটি গুরুত্বপূর্ণ বিষয় লক্ষ্য করা উচিত যে আমাদের সংগ্রহের আইটেমের এই ফ্লেকের কলামটি মূলত অনুমতি দেবে

49
00:04:23,760 --> 00:04:27,510
আমাদের Futter এবং আমাদের চিত্র একটি উল্লম্ব প্রান্তিককরণে বসতে।

50
00:04:27,700 --> 00:04:28,080
ঠিক।

51
00:04:29,130 --> 00:04:35,250
এবং তারপর আমাদের সংগ্রহ, Futter, শুধুমাত্র আমাদের নিয়মিত প্রদর্শন ফ্লেক্স, এবং তারপর আমাদের মধ্যে কিছু স্থান আছে

52
00:04:35,250 --> 00:04:43,530
সেগুলি যাতে আমাদের বিষয়বস্তু আলাদা হয়ে যায়, আমাদের শিরোনাম আমাদের মোট জায়গার 90 শতাংশ জায়গা নেয়

53
00:04:43,530 --> 00:04:46,340
ফুটার এবং তারপর দাম 10 শতাংশ হতে চলেছে।

54
00:04:46,350 --> 00:04:52,170
আমাদের দাম সম্ভবত যে বড় হতে যাচ্ছে না তাই কারণ, আমরা আমাদের আছে নিশ্চিত করতে আছে

55
00:04:52,170 --> 00:04:54,720
নাম এখানে অধিকাংশ স্থান দখল.

56
00:04:56,140 --> 00:04:56,680
ঠিক আছে।

57
00:04:57,580 --> 00:05:07,600
এখন, যদি আমরা আমাদের সংগ্রহের আইটেমটি আমাদের সংগ্রহের প্রিভিউতে আমদানি করি যাতে আমরা অ্যাক্সেস করতে পারি।

58
00:05:08,760 --> 00:05:10,950
নতুন সংগ্রহ আইটেম আমরা লিখেছেন.

59
00:05:15,370 --> 00:05:25,030
আমরা এখন স্টিভ করার পরিবর্তে এটিকে ম্যাপ করতে পারি এবং কারণ আমাদের বৈশিষ্ট্যগুলি প্রয়োজন

60
00:05:25,030 --> 00:05:30,220
আমাদের আগে যে আইটেমটি ছিল, আমরা আগে যা করেছি তা করতে যাচ্ছি।

61
00:05:31,410 --> 00:05:37,920
এবং আমরা আমাদের আইডি পুনর্গঠন করতে যাচ্ছি, তবে আমরা আমাদের বাকি আইটেমটিও পুনর্গঠন করতে যাচ্ছি

62
00:05:37,920 --> 00:05:43,020
প্রপস এবং যেমন মাধ্যমে যে পাস.

63
00:05:44,030 --> 00:05:46,430
এর অন্যান্য আইটেম প্রপস করা যাক.

64
00:05:48,280 --> 00:05:48,670
WAPs

65
00:05:49,650 --> 00:05:52,080
এবং এখন এটা আর একটি div.

66
00:05:54,580 --> 00:06:01,480
ঠিক আছে, শুধু ডি স্ট্রাকচার নিশ্চিত করুন বা আমাদের সংগ্রহের আইটেমে আমাদের অন্যান্য আইটেম প্রপস ছড়িয়ে দিন।

67
00:06:03,460 --> 00:06:06,250
ওহ, আমাদের একটি সংগ্রহের পূর্বরূপও শুরু করতে হবে।

68
00:06:08,320 --> 00:06:11,020
তাই যারা স্টাইলিং এখানে নিচে.

69
00:06:14,610 --> 00:06:16,250
ঠিক আছে, আমরা সেখানে যেতে.

70
00:06:17,310 --> 00:06:22,800
সুতরাং আমরা আমাদের মূল্য আছে এবং আমাদের জিনিস আছে কারণ কোন স্টাইলিং মাধ্যমে আসছে না, আসুন শুধু পরিদর্শন করা যাক

71
00:06:22,800 --> 00:06:24,960
দ্রুত এবং দেখুন আমরা কিছু মিস করছি কিনা।

72
00:06:25,380 --> 00:06:31,260
সুতরাং আপনি কোড করার সময়, আপনি এটি ঘটতে দেখতে পারেন, আপনি কেবল নিশ্চিত করতে চান যে আমাদের নামকরণ সঠিক

73
00:06:31,260 --> 00:06:33,150
সবকিছুর জন্য এবং আমরা লেখনী পাচ্ছি।

74
00:06:33,870 --> 00:06:37,470
তাই আমরা যে তারাগুলো লিখেছি সেগুলোকে এখানে প্রয়োগ করা দেখতে পাচ্ছি না।

75
00:06:39,210 --> 00:06:45,450
যদিও আমরা প্রকৃত ইমেজ পাচ্ছি এখানে তাই রেন্ডার করা হচ্ছে.

76
00:06:47,700 --> 00:06:52,550
ওহ, আমি আমাদের সংগ্রহ prevue, আমাদের সংগ্রহ আইটেম দেখতে.

77
00:06:54,070 --> 00:06:55,390
ওহ, আমরা সংরক্ষণ করিনি।

78
00:06:58,230 --> 00:06:59,130
মূর্খ ভুল।

79
00:06:59,820 --> 00:07:08,100
তাই কখনও কখনও আপনি যদি আপনার ডেভ টুলগুলির ভিতরে একবার দেখেন, তাহলে সম্ভবত কোথায় তা দেখা খুব সহজ

80
00:07:08,100 --> 00:07:14,760
আমরা ভুল করছি কারণ আমরা নিশ্চিতভাবে জানি, যেভাবে প্রতিক্রিয়া সেট আপ করা হয়েছে, সবকিছুই উচিত

81
00:07:14,760 --> 00:07:16,460
একটি নির্দিষ্ট সময়ে থাকা।

82
00:07:16,470 --> 00:07:20,680
তাই যদি এটি লোড করা না হয়, তাহলে আমরা সম্ভবত আমাদের আমদানিতে বিশৃঙ্খলা করেছি।

83
00:07:20,700 --> 00:07:22,920
ডান, যা আমরা প্রথম চেক.

84
00:07:22,930 --> 00:07:23,210
ঠিক।

85
00:07:23,220 --> 00:07:27,060
আমরা নিশ্চিত করেছি যে আমরা সঠিক সংগ্রহের আইটেমটি আমদানি করছি, যা আমরা ছিলাম।

86
00:07:27,720 --> 00:07:31,620
এবং তারপর আমরা চেক করেছি যদি আমাদের নামকরণ আমাদের ক্লাসের নামের মতো ছিল।

87
00:07:31,620 --> 00:07:32,070
সঠিক।

88
00:07:32,520 --> 00:07:34,650
যা আমরা করেছি।

89
00:07:35,580 --> 00:07:38,190
তাহলে দেখা গেল আমরা এটি সংরক্ষণ করিনি।

90
00:07:38,220 --> 00:07:41,580
তাই এটি একটি নির্বোধ ত্রুটি, কিন্তু যারা টন আছে.

91
00:07:41,580 --> 00:07:47,010
আপনি একজন পেশাদার বিকাশকারী হয়ে উঠলে, অনেক সময় আপনি দেখতে পাবেন যে আপনি কেবল আপনার ধাক্কা দিচ্ছেন

92
00:07:47,010 --> 00:07:52,360
30 মিনিটের জন্য দেয়ালের বিপরীতে মাথা রাখুন, শুধুমাত্র আপনার সামান্য টাইপো ছিল তা খুঁজে বের করার জন্য।

93
00:07:52,740 --> 00:07:58,440
এটা খুব সাধারণ, কিন্তু ঠিক যে মত, আমরা এখন আমাদের সংগ্রহ উপাদান আছে.

94
00:08:00,220 --> 00:08:06,790
তাই শুধুমাত্র একটি জিনিস যা আমরা অনুপস্থিত তা হল অ্যাড বোতামের সাথে হোভার প্রভাব, কিন্তু আমরা এটি অল্প সময়ের মধ্যে যোগ করতে পারি

95
00:08:06,790 --> 00:08:12,150
পরে যখন আমরা আসলে আমাদের কার্ট তৈরি করি, কারণ সেই বৈশিষ্ট্যটির সাথেই এটি সংযুক্ত থাকবে।

96
00:08:12,850 --> 00:08:19,810
এবং আমাদের কোড করার আগে আরও একটি জিনিস, আমাদের সামগ্রিকভাবে কিছুটা প্যাডিং যুক্ত করা উচিত

97
00:08:19,810 --> 00:08:24,090
প্রকল্প যাতে এটি এই কাছাকাছি সারিবদ্ধ.

98
00:08:24,550 --> 00:08:33,590
তাহলে আসুন আমাদের অ্যাপে যাই, DOT সাফল্য, এবং 20 পিক্সেল এবং 80 পিক্সেল প্যাডিং করি।

99
00:08:34,240 --> 00:08:38,230
তাই আমি উপরের এবং নীচে 20 পিক্সেল এবং তারপর পাশে 80 পিক্সেল চাই।

100
00:08:38,380 --> 00:08:39,160
আর এখন।

101
00:08:40,100 --> 00:08:41,180
এটা কাছাকাছি দেখায়.

102
00:08:42,240 --> 00:08:48,600
তাই এই আমরা কি ছিল তার চেয়ে একটু বেশি হতে পারে, তাই এর আসলে এই 60 পিক্সেল তৈরি করা যাক.

103
00:08:52,320 --> 00:08:52,860
এটা অনেক ভালো.

104
00:08:53,220 --> 00:08:53,790
এটা বেশ ভালো.

105
00:08:54,480 --> 00:08:55,600
তাই এখন আমাদের কোড কমিট করা যাক.

106
00:08:56,070 --> 00:08:57,360
আমাদের টার্মিনালে ফিরে যাওয়া যাক।

107
00:08:58,580 --> 00:09:04,740
চলুন শুরু করা যাক এবং ঠিক আছে, দেখা যাক আমাদের প্রথমে কি করতে হবে।

108
00:09:05,030 --> 00:09:08,750
ঠিক আছে, এবং তারপর এর প্রতিশ্রুতি পেতে দিন.

109
00:09:10,570 --> 00:09:14,590
একটি দোকান পৃষ্ঠার সাথে আমাদের অ্যাপ আপডেট করা হচ্ছে।

110
00:09:15,870 --> 00:09:21,810
সংগ্রহ, পূর্বরূপ উপাদান এবং সংগ্রহ আইটেম উপাদান.

111
00:09:23,010 --> 00:09:26,220
এবং এখন আসুন শুধু ধাক্কা মূল মাস্টার পেতে.

112
00:09:27,930 --> 00:09:29,590
ঠিক আছে, আমাদের কোড আছে.

113
00:09:29,850 --> 00:09:31,050
এখন চলুন এগিয়ে চলুন.